<div class="container w-xxl w-auto-xs"
     ng-init="app.settings.container = false;">
    <span class="navbar-brand block m-t">{{app.name}}</span>
    <div class="m-b-lg">
        <form name="form" class="form-validation">
            <!-- <div class="text-danger wrapper text-center" ng-show="authError">
                {{authError}}</div> -->
            <div class="list-group list-group-sm">
                <div class="list-group-item">
                    <div class="wrapper text-center">
                        <strong>系统登录</strong>
                        <div class="text-danger wrapper text-center" ng-show="showE">
                            {{authError}}
                        </div>
                    </div>
                </div>
                <div class="list-group-item">
                    <div class="form-group">
                        <label class="col-md-1 control-label"><i class="fa fa-user"></i></label>
                        <div class="col-md-10">
                            <input type="text" placeholder="用户名" maxlength="30"
                                   class="form-control " ng-model="user.username" required>
                        </div>
                    </div>
                    <label class="  no-border"></label>
                </div>
                <div class="list-group-item">
                    <div class="form-group">
                        <label class="col-md-1 control-label"><i class="fa fa-key"></i></label>
                        <div class="col-md-10">
                            <input type="password" placeholder="密码" maxlength="30"
                                   class="form-control" ng-model="user.password" required>
                        </div>
                    </div>
                    <label class="  no-border"></label>
                </div>
                <div class="list-group-item">
                    <div class="form-group">
                        <label class="col-md-1 control-label"><i class="fa fa-tag"></i></label>
                        <div class="col-md-5">
                            <input name="validateCode" id="validateCode"
                                   ng-model="validateCode" placeholder="验证码" type="text" required
                                   class="form-control" ng-maxlength="4" maxlength="4"
                                   ng-blur="validateCaptcha()"/>
                        </div>
                        <div class="col-md-5">
                            <img
                                    src="captcha/get" class="t_img_capture" style="width: 100px; height: 32px;"
                                    id="captchaImg" alt="看不清？换一张" title="图片验证码"
                                    ng-click="changeCaptcha()">
                        </div>
                    </div>
                    <label class="  no-border"></label>
                </div>
                <button type="submit" class="btn btn-lg btn-primary btn-block"
                        ng-click="login()" ng-disabled='form.$invalid'>登录
                </button>
                <div class="line line-dashed"></div>
            </div>
        </form>
    </div>
</div>